<template>
    <el-dialog
     v-bind="$attrs"
     v-model="Visible"

    >
      <span>时间：<span  style="color: red;">{{ data.date }}</span></span>
      <br>
      <span>姓名：<span style="color: red;">{{ data.name }}</span></span>
      <br>
      <span>地址:<span  style="color: red;">{{ data.address }}</span></span>
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="Visible = false">确认</el-button>
          <el-button type="primary" @click="Visible = false">
            取消
          </el-button>
        </div>
      </template>
    </el-dialog>
  </template>
  
  <script lang="ts" setup>
  import { ref } from 'vue'
  interface Data{
    data:object
  }
  const Visible=defineModel('upaa')
  const {data}=defineProps<Data>()

  </script>